<template>
    <div class="tables-wrap">
        <div class="type-box flex-hor-layout">
            <div class="item pointer" :class="{'selected': type===0}" @click="type=0">我的持仓</div>
            <div class="item pointer" :class="{'selected': type===1}" @click="type=1">当前委托</div>
            <div class="item pointer" :class="{'selected': type===2}" @click="type=2">成交记录</div>
            <div class="item pointer" :class="{'selected': type===3}" @click="type=3">资金流水</div>
        </div>

        <div class="tables-box">
            <div v-show="type===0" class="holding-outter-wrap"><holding></holding></div>
            <div v-show="type===1" class="delegate-outter-wrap"><delegate></delegate></div>
            <div v-show="type===2" class="deal-outter-wrap"><deal></deal></div>
            <div v-show="type===3" class="capital-outter-wrap"><capital></capital></div>
        </div>
    </div>
</template>
<script>
import { mapGetters } from 'vuex' 
import holding from './sub/holding'
import capital from './sub/capital'
import deal from './sub/deal'
import delegate from './sub/delegate'
export default {
    name: 'StorageStatus',
    components: {
        holding,
        delegate,
        deal,
        capital
    },
    data() {
        return {
            type: 0
        }
    },
    computed: {
      ...mapGetters([
      ])
    },
    watch: {
    },
    created() {
    },
    methods:{
    }
}
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>